<extend name="default/template/base_scoreshop" />

<block name="head">
   <link rel="stylesheet" type="text/css" href="__CSS__/scoreshop_index.css?v=">
</block>

<block name="body">
  <img src="{:getImageUrl($banner,0,1)}" width="100%">
  <div class="am-avg-sm-2 top-line">
    <a class="left" href="{:U('ExchangeLog/index',array('uid'=>$uid,'psw'=>$psw))}" ><center><img src="__IMG__/scoreshop/record.png">&nbsp;&nbsp;兑换记录</center></a>
    <a class="right" href="javascript:void(0)"><center><img src="__IMG__/scoreshop/coin.png">&nbsp;&nbsp;萌币：<span class="num">{$score}</span></center></a>
  </div>
  <div class="line-warp">
    <div class="line"></div>
    <center class="headline"><div><img src="__IMG__/scoreshop/new.png">&nbsp;&nbsp;新品优选&nbsp;&nbsp;<gt name="new_p" value="1"><span class="am-icon-exchange"></span><else />&nbsp;&nbsp;</gt></div></center>
  </div>
  <div class="am-slider am-slider-default"  id="banner-new">
    <ul class="am-slides banner-new">
      <volist name="sgoods_new" id="v">
      <li class="clearfix">
        <volist name="v" id="vo">
        <div class="product">
          <div class="pro-img"><a href="{$vo['url']}"><img class="am-thumbnail" src="{:getImageUrl($vo['main_img'],0,1)}"></a></div>
          <p class="first-msg">{$vo.brand}<eq name="vo.count" value="0">&nbsp;&nbsp;<span class="am-badge am-radius">兑玩</span></eq></p>
          <p class="second-msg">{$vo.name}</p>
          <p class="third-msg">
            <span class="num">{$vo.score}</span>
            <span>萌币<gt name="vo.price" value="0">+</gt></span>
            <gt name="vo.price" value="0"><span class="num">￥{$vo.price}</span></gt>
          </p>
        </div>
        </volist>
      </li>
      </volist>
    </ul>
  </div>
  <div class="line-warp">
    <div class="line"></div>
    <center class="headline"><div><img src="__IMG__/scoreshop/coupon.png" height="18">&nbsp;&nbsp;限量抢兑&nbsp;&nbsp;<gt name="limit_p" value="1"><span class="am-icon-exchange"></span><else />&nbsp;&nbsp;</gt></div>
    </center>
  </div>
  <div class="am-slider am-slider-default"  id="banner-limit">
    <ul class="am-slides banner-limit">
      <volist name="sgoods_limit" id="v">
      <li class="clearfix">
        <volist name="v" id="vo">
        <div class="product">
          <div class="pro-img"><a href="{$vo['url']}"><img class="am-thumbnail" src="{:getImageUrl($vo['main_img'],0,1)}"></a></div>
          <p class="first-msg">{$vo.brand}<eq name="vo.count" value="0">&nbsp;&nbsp;<span class="am-badge am-radius">兑玩</span></eq></p>
          <p class="second-msg">{$vo.name}</p>
          <p class="third-msg">
            <span class="num">{$vo.score}</span>
            <span>萌币<gt name="vo.price" value="0">+</gt></span>
            <gt name="vo.price" value="0"><span class="num">￥{$vo.price}</span></gt>
          </p>
        </div>
        </volist>
      </li>
      </volist>
    </ul>
  </div>
<script type="text/javascript">
$(function(){
  //http://amazeui.org/javascript/slider
  var $slider_new = $('#banner-new').flexslider({
  startAt: 0,                     // Integer: 开始播放的 slide，从 0 开始计数
  slideshow: true,                // Boolean: 是否自动播放
  slideshowSpeed: 5000,           // Integer: ms 滚动间隔时间
  animationSpeed: 600,            // Integer: ms 动画滚动速度
  initDelay: 7000,                   // Integer: ms 首次执行动画的延迟
  randomize: false,               // Boolean: 是否随机 slide 顺序
  controlNav: true,               // Boolean: 是否创建控制点
  directionNav: false,             // Boolean: 是否创建上/下一个按钮（previous/next）
  });
  var $slider_limit = $('#banner-limit').flexslider({
  startAt: 0,                     // Integer: 开始播放的 slide，从 0 开始计数
  slideshow: true,                // Boolean: 是否自动播放
  slideshowSpeed: 5000,           // Integer: ms 滚动间隔时间
  animationSpeed: 600,            // Integer: ms 动画滚动速度
  initDelay: 7000,                   // Integer: ms 首次执行动画的延迟
  randomize: false,               // Boolean: 是否随机 slide 顺序
  controlNav: true,               // Boolean: 是否创建控制点
  directionNav: false,             // Boolean: 是否创建上/下一个按钮（previous/next）
  });
})
</script>
</block>